<template>
  <div id="jrywblqk">
    <div class="jrywblqk-title">今日业务办理情况</div>
    <dv-scroll-board :config="config" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      config: {
        header: ['机构名称', '办理业务', '办理时间'],
        data: [
          [
            '<span>广西壮族自治区教育厅	</span>',
            '<span class="ybsq">用编申请</span>',
            '<span>2022-09-21</span>'
          ],
          [
            '<span>南宁市人民政府办公室	</span>',
            '<span class="rybd">人员变动</span>',
            '<span>2022-09-21</span>'
          ],
          [
            '<span>南宁市商务局	</span>',
            '<span class="rybd">人员变动</span>',
            '<span>2022-09-21</span>'
          ],
          [
            '<span>柳州市人力资源和社会保障局	</span>',
            '<span class="ybjh">用编计划</span>',
            '<span>2022-09-21</span>'
          ],
          [
            '<span>柳州市体育局	</span>',
            '<span class="rybd">人员变动</span>',
            '<span>2022-09-21</span>'
          ],
          [
            '<span>桂林市科学技术局	</span>',
            '<span class="jgpg">机构评估</span>',
            '<span>2022-09-21</span>'
          ],
          [
            '<span>桂林市水利局	</span>',
            '<span class="ybjh">用编计划</span>',
            '<span>2022-09-21</span>'
          ],
          [
            '<span>梧州市自然资源局	</span>',
            '<span class="ybsq">用编申请</span>',
            '<span>2022-09-21</span>'
          ],
          [
            '<span>梧州市林业局	</span>',
            '<span class="ybsq">用编申请</span>',
            '<span>2022-09-21</span>'
          ],
          [
            '<span>广西北海市深化医药卫生体制改革工作办公室</span>',
            '<span class="rybd">人员变动</span>',
            '<span>2022-09-21</span>'
          ],
          [
            '<span>广西北海市科学技术局	</span>',
            '<span class="rybd">人员变动</span>',
            '<span>2022-09-21</span>'
          ],
          [
            '<span>防城港市应急管理局	</span>',
            '<span class="rybd">人员变动</span>',
            '<span>2022-09-21</span>'
          ],
          [
            '<span>防城港职业技术学院	</span>',
            '<span class="jgpg">机构评估</span>',
            '<span>2022-09-21</span>'
          ],
          [
            '<span>钦州新闻传媒中心	</span>',
            '<span class="rybd">人员变动</span>',
            '<span>2022-09-21</span>'
          ],
          [
            '<span>贵港市投资促进局	</span>',
            '<span class="rybd">人员变动</span>',
            '<span>2022-09-21</span>'
          ]
        ],
        // index: true,
        columnWidth: [400, 120, 120],
        align: ['center'],
        rowNum: 10,
        headerBGC: '#1981f6',
        headerHeight: 0,
        oddRowBGC: 'rgba(0, 44, 81, 0.8)',
        evenRowBGC: 'rgba(10, 29, 50, 0.8)'
      }
    }
  }
}
</script>

<style lang='scss'>
#jrywblqk {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;

  .jrywblqk-title {
    font-weight: bold;
    height: 50px;
    display: flex;
    align-items: center;
    font-size: 20px;
    justify-content: center;
  }
}

.ybjh {
  padding: 3px 8px;
  background-color: #336699;
  border-radius: 10px;
}

.ybsq {
  padding: 3px 8px;
  background-color: #3893e5;
  border-radius: 10px;
}

.rybd {
  padding: 3px 8px;
  background-color: #FFB90F;
  border-radius: 10px;
}

.jgpg {
  padding: 3px 8px;
  background-color: #339966;
  border-radius: 10px;
}
</style>
